@charset "utf-8";
.mod-01 { width: 98%; padding: 1%; max-width: 640px; margin: 0 auto;}
.mod-01 img {border: 2px solid #aaa; border-radius: 3px; width: 20%; display: inline-block; vertical-align: middle;}
.mod-01 dl { display: inline-block; vertical-align: middle; width: 75%; padding-left: 2%; }
.mod-01 dt { font-size: 16px; font-weight: bold; line-height: 20px; padding-bottom:5px;}
.mod-01 dd { line-height: 20px; }


.txt-01 {width:100%; color: #4f4f4f; word-break:break-all;}
.txt-01 h5 {  line-height: 35px; height: 35px; font-size: 15px; color: #adadb3; padding-left: 10px; }
.txt-01 p { padding: 0 10px 10px; font-size: 14px; line-height: 20px; }


h4 { padding: 5px 10px; font-size: 14px; font-weight: 500; background:#e9e9e9 ; }

.arrows { background: url(../images/icon/fast@2x.png) no-repeat 95% center; display: block;  }
.arrows-down { background: url(../images/icon/fast-forward@2x.png) no-repeat 95% center; display: block;  }

.initiator { padding: 10px;line-height:33px; }
.initiator img { width: 33px; height: 33px; border-radius: 25px; vertical-align: middle; margin: 0 5px 0 10px; }
.initiator span { display: inline-block; vertical-align: middle;}
/*发起人*/

.img-60 { position: relative; padding: 10px; padding-left:80px; font-size: 13px; color: #ADADB3;  min-height:60px;}
.img-60 img { width: 60px; height: 60px; border-radius: 50%; position: absolute; left: 10px; top:50%; margin-top: -30px; }
.img-60 h6 { font-size: 16px; color: #4F4F4F; line-height: 35px; margin-bottom: 5px;}


.down-app { position: relative; height: 60px; border-bottom:1px solid #eee;  }
.down-app a {     
	 position: absolute; width: 100%; height: 60px; text-indent: 80%;line-height: 60px;color: #308bb9; font-size: 14px;
	 background:url(../images/share/down-logo.png) no-repeat 5% center;background-size: auto 65%;
	}
.down-app img { height:40px; width: auto; margin: 10px}
.dow-app {
	 display: block;border:1px solid #3BB7D9; height: 40px; width: 100%;
	 text-align: center; line-height: 40px; font-size: 16px; position: fixed;  bottom:0px;
	  z-index: 10;background: #22c5e5;color: #fff;
	  }
.dow-app.red { background: #eb4f3f;}
/**7.0  分享页app 下载 ***/

.empty-box  { background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: none ; }
.empty-box div { text-align: center; position: absolute;  left:0; top:5%; width: 100%; background: #fff;}
.empty-box img { width: 50%;  margin-bottom:20px; max-width: 300px;}
.empty-box p { font-size: 15px; color:#cacaca; line-height:20px; margin-bottom: 25px; }
.empty-box a { display: block; width: 50%;margin: 15px auto; border: 1px solid #3BB7D9; height: 40px; line-height: 40px; color: #3BB7D9; border-radius: 30px; font-size: 15px; }
/**7.0  空白页面 ***/


/**上拉加载**/
.dropload-load,
.dropload-up ,
.dropload-refresh {
	text-align: center; line-height: 20px; padding: 10px 0; color:#adadb3;height: 30px; 
	border-bottom:1px solid #F5F7FA; background:#fff; font-size: 12px;
	}
.dropload-refresh {border: 0;}
.dropload-up .az { margin-top: -25px; }

.pl-ios {display: block; width: 140px; margin:0 auto; text-align: left; }
.pl-ios i { margin-left: -10px; }


.banner-time {
	height: 150px; background: url(../images/bg/banner_bg.jpg) no-repeat center top; 
	color: #fff; padding-top: 10px; background-size: 100% 160px;
	 }
.banner-time .img,
.banner-time ul { display: inline-block; vertical-align: middle; }
.banner-time .img img { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #fff; display: block;}
.banner-time .img { text-align: center; font-size: 12px; line-height: 40px; margin: 0 10px 0 15px;}
.banner-time ul { width: 215px; }
.banner-time ul li {width: 100%; }
.banner-time ul li span {width: 49%; display: inline-block; vertical-align: middle;}
.banner-time ul li:first-child span { font-size: 15px;}
.banner-time ul li:nth-child(2) span { font-size: 20px; padding: 15px 0 10px 0;}
.banner-time h2 {
	width: 113px; height: 25px; line-height: 25px; margin: 0px auto 10px; text-align: center;font-size: 18px; 
	background: rgba(255,255,255,.2); position: relative;
	}  
.banner-time h2:before,
.banner-time h2:after {
	position: absolute; height: 0; width:80%; border-top: 1px solid #fff; content: "";
	left: -85%; top:14px;
	}
.banner-time h2:before { right: -85%; left: auto;}
/*7.2 排行榜 title区域*/


.time-box { 
	height: 150px; background: url(../images/bg/timebg.png) no-repeat center center; 
	position: relative; background-size:100% 100%;
}
.time-box img { width: 90px; height: 130px; position: absolute;left: 10px; top: 10px;  }
.time-box ul { padding:30px 10px 10px 110px; color: #fff; }
/*.time-box li { padding: 10px; }*/

.time-box li:nth-child(1) { font-size: 14px; }
.time-box li:nth-child(2) { font-size: 25px; padding: 10px 0; letter-spacing:1px;}
.time-box li:nth-child(3) { font-size: 10px; }
/*7.2 详情title区域*/

.activity-explain { padding: 10px; font-size: 15px; line-height: 23px; position: relative;}
.activity-explain .ico-redact{ position: absolute; top: 50%; margin-top: -10px; right: 10px;}

.time-bar { padding:15px 10px;font-size:13.5px }
.time-bar i { margin-right: 5px; vertical-align: middle; }

.activity-explain{ padding: 10px; } 
.activity-explain dt{ font-size: 15px; border-bottom: 1px solid #dadad8; line-height: 30px; }
.activity-explain dd {font-size:12px;padding-top: 10px; line-height: 23px; display: inline-block;vertical-align: middle;width: 49%; text-align: center; }
.activity-explain dd span{ display: block; font-size: 18px; }
/*tab*/

.line { border-bottom: 2px solid #3BB7D9;  color: #3BB7D9; }

/*tab*/
.web-header { height:60px; width: 80%; background: #3f3f3f; padding:10px 10%;}
.web-header img { height: 45px; margin-top: 8px; }
.web-header p { float: right; color: #fff; line-height: 60px;, }
.web-header a {padding:8px; border:1px solid #fff; border-radius:6px; color: #fff; margin-left:20px; }

.bjq {  width: 80%; padding:10px 10%;}
.bjq .bth { height: 50px; line-height: 50px; text-indent: 20px; width: 100%; border:1px solid #c9d8db; margin: 10px 0; font-size: 16px;} 
/*8.0编辑器*/

.card {
	min-height: 85px; margin:30px 10px 10px 10px; padding: 5px 5px 5px 100px; 
	background:#f5f7fa; border:1px solid #e1e2e3; position: relative;
	-webkit-box-align:center; -moz-box-align:center;     display: -webkit-box;
	}
.card img {width: 85px; height: 85px; position: absolute; top: 5px; left: 10px; }
.card div { width: 100% }
.card h6 { 
	font-size: 15px;color:#4f4f4f; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	-o-line-clamp: 2;
	-o-box-orient: vertical;
	}
.card input[type=button] {
	background:#eb4f3f;border-radius:6px;width:60px;height:28px; font-size: 13px; 
	color: #fff; position: absolute; right: 0px; bottom: 0px;
	}
.card input[type=button].bg-blue { background:#22c5e5; }
.card  p{ margin-top: 5px; }
.card .btn-p { position: relative; padding-right: 70px; min-height: 30px; }
.card .hz,
.card .dj {
	background:#eb4f3f;border-radius:3px;width:50px;height:25px;color: #fff; display: inline-block;vertical-align: middle; font-size: 13px;
	line-height: 25px; text-align: center;
	}
.card .dj{ background:#22c5e5; }
.card i { 
	position: absolute; background:#22c5e5;border-top-right-radius:18px;width:75px;height:20px; font-size: 12px; color: #fff;
	text-align: center;left: -1px; top:-20px; line-height: 23px;
	}
.card i.bg-red { background:#eb4f3f; }
.card i.bg-green { background:#41d6d1; }

.cardr { margin:10px; padding:10px 5px; background:#f5f7fa; border:1px solid #e1e2e3; position: relative; }
.cardr ul { border-top:1px solid #e1e2e3; padding-top:10px; text-align: center; margin-top:10px;}
.cardr li { width: 32%;color:#adadb3;}
.cardr img {width:40px;height:40px;border-radius:50%; }
.cardr img ,
.cardr li ,
.cardr span ,
.cardr i { display: inline-block; vertical-align: middle;  } 
.cardr b { display: block;font-size:17px;color:#4f4f4f; font-weight: bold;line-height: 30px }
.cardr span { font-size:17px;color:#4f4f4f; }
.card a { position: absolute; width:100%; height:100%; z-index:5;}
.card .yuan { border-radius: 50%; width: 75px; height: 75px;top:10px; }
/*captain  卡片*/



.group-input { position: fixed; width: 100%; bottom:40px; left: 0; z-index: 11; background: #fff;}
.group-input li { font-size: 17px; color:#4e4e4e; display: inline-flex; width: 100%;line-height: 50px;} 
.group-input li i { width: 20%; flex-shrink:0; display: inline-block; text-align: center;}
.group-input input,.group-input p{ 
	height: 50px; line-height: 50px;position: relative; width: 78%; outline: none;font-size: 14px;
	border-bottom: 1px solid #e1e3e3; padding-right: 2%; text-indent: 5px;color:#adadb3;
}
.group-input li p { text-align: right; color: #22c5e5; }
.group-input .dow-app { position: relative;}

// 群组活动详情 弹框 输入信息列表